<template>
    <div class="container">
        <div class="P_header"></div>
        <div class="P_main">
                    <a-layout id="components-layout-demo-custom-trigger">
                    <a-layout-sider v-model="collapsed" :trigger="null" collapsible>
                     <div class="logo" /> 
                <a-menu theme="dark" mode="inline" :default-selected-keys="['1']">
                    <a-menu-item key="1">
                    <router-link to="/GrowthTree">
                    <span>我的成长树</span>
                    </router-link>
                    </a-menu-item>

                    <a-menu-item key="2"> 
                    <router-link to="/Tran_ex">
                        <span>培训经历</span>
                    </router-link>
                    </a-menu-item>

                    <a-menu-item key="3"> 
                    <router-link to="/Work_ex">
                        <span>工作经历</span>
                    </router-link>                       
                    </a-menu-item>
                    
                    <a-menu-item key="4"> 
                    <router-link to="/S_resume">
                        <span>投递简历</span>
                    </router-link>       
                    </a-menu-item>  



                    <a-menu-item key="5"> 
                    <router-link to="/save_position">
                        <span>收藏职位</span>
                    </router-link>       
                    </a-menu-item> 
                    
                    <a-menu-item key="6">
                    <router-link to='./personal_inf'>
                    <span>个人信息</span>
                    </router-link>
                    </a-menu-item>

                    <a-menu-item key="7">
                    <router-link to='./pro_skill'>
                    <span>专业技能</span>
                    </router-link>
                    </a-menu-item>

                    <a-menu-item key="8">
                    <router-link to='./self_eval'>
                    <span>自我评价</span>
                    </router-link>
                    </a-menu-item>

                    <a-menu-item key="9"> 
                    <router-link to="/Pmanage">
                        <span>缴费管理</span>
                    </router-link>       
                    </a-menu-item> 

                    
                    <a-menu-item key="10"> 
                    <router-link to="/Pinformation">
                        <span>看板信息</span>
                    </router-link>       
                    </a-menu-item> 

                    <a-menu-item key="11"> 
                    <router-link to="/Peducation">
                        <span>学历信息</span>
                    </router-link>       
                    </a-menu-item> 


                </a-menu>
                </a-layout-sider>
                    <a-layout>
                    <a-layout-content
                        :style="{ margin: '24px 16px', padding: '24px', background: '#fff', minHeight: '450px' }">
                    <router-view></router-view> 
                    </a-layout-content>
                    </a-layout>
                </a-layout>
        </div>
        <div class="P_footer"></div>
    </div>
</template>

<script>
export default {
    name:'P_index',
    data() {
        return {
        collapsed: false,
        };
    },
};
</script>
<style>
.container {
    width: 100%;
}
.P_header {
    width: 1349px;
    height: 85px;
}
.P_main  {
    width: 100%;
    height: 400px;
    text-align: center;
}

.P_main .layout{
    width: 1349px;
    height: 400px;
    text-align: center;
    display: inline-block;
} 
.P_footer{
    width: 1349px;
}
#components-layout-demo-custom-trigger .trigger {
  font-size: 18px;
  line-height: 64px;
  padding: 0 24px;
  cursor: pointer;
  transition: color 0.3s;
}

#components-layout-demo-custom-trigger .trigger:hover {
  color: #1890ff;
}

#components-layout-demo-custom-trigger .logo {
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
  margin: 16px;
}
</style>
 